@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button,input, select, textarea, th, td,img,div{margin: 0;padding: 0;font-family: 'microsoft yahei';}
input,select,textarea,button,hr{border:none;outline: none;}
h1,h2,h3{font-weight: normal;}
a{text-decoration:none;color: #000;}
a:hover{text-decoration: none;}
img{border:none;max-width: 100%;}
em,i{font-style:normal;}
ul, ol {list-style: none;}
.tac{text-align: center;}
.tar{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.pos{position: relative;}
.clearfix:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block !important}
.imgbig:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.logoBox{
	width: 552px;
	height: 75px;
	margin: auto;
	text-align: center;
}
body{
	background: none;
	color: #000;
}
.body-bg{
	min-width: 1140px;
	background: url(/imgs/bg-body-228.png?v=1) center top no-repeat;
    background-position: 50% 0;
	overflow: hidden;
}
.body-bg1 {
	min-width: 1272px;
}
.container{
	width: 1140px;
	margin: 0 auto;
}
.container1 {
	width: 1272px;
}
header .logo{
	display: block;
    width: 100%;
    height: 75px;
    padding: 70px 0 20px 0;
}
.search{
	position: absolute;
	top: 80px;
	right: 120px;
}
.search .date {
	width:278px;
	height:32px;
	background:rgba(255,255,255,.6);
	margin-bottom: 6px;
	font-size:16px;
	color:rgba(201,28,38,1);
	font-weight:bold;
	text-align: center;
	line-height: 32px;
}
.search-input{
	width: 172px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    padding: 0 10px;
    background: #b93229;
    border: 1px solid #610006;
	box-shadow: inset 0px 3px 4.95px 0.05px rgba(0, 0, 0, 0.35);
}
.search input::-webkit-input-placeholder{
    color:#fff;
}
.search input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
.search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
.search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#fff;
}
.btn-search{
	width: 72px;
    height: 26px;
    line-height: 26px;
    color: #b93229;
    text-align: center;
    font-size: 12px;
    margin-left: 7px;
    cursor: pointer;
    border: 1px solid #b93229;
    background: #fff;
}
.btn-search:hover{
	background: #f6f6f6;
}
.container .nav{
	width:100%;
	height:85px;
	position: relative;
	background: url('/imgs/index-nav.png') no-repeat;
	background-size: 100% 100%;
	z-index: 1;
}
.nav .ul-nav{
	padding: 0 40px;
	display: -moz-box;  /* Firefox */
    display: -ms-flexbox;    /* IE10 */
    display: -webkit-box;    /* Safari */ 
    display: -webkit-flex;    /* Chrome, WebKit */
    display: box; 
    display: flexbox; 
    display: flex;
}
 .nav .ul-nav .li-nav{
	float: left;
    line-height: 74px;
    text-align: center;
	flex: 1;
	height: 68px;
}
 .nav .ul-nav .nav-icon {
	width: 125px;
	height: 37px;
	background: url('/imgs/index-title.png') no-repeat;
	float: left;
	margin-top: 22px;
}
.nav .li-nav>a{
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	padding: 0;
	background: url('/imgs/border.png') no-repeat;
	margin-top: 24px;
}
.nav .li-nav .border {
	background: no-repeat;
}
.nav .li-nav:hover>a {
	color: #f7f357;
}
.nav .li-nav .sub-box {
	visibility: hidden;
	position: absolute;
	background: white;
	width: 1130px;
	height: 230px;	
	left: 50%;
	transform: translate(-50%);
	top: 67px;
	display: -moz-box;  /* Firefox */
    display: -ms-flexbox;    /* IE10 */
    display: -webkit-box;    /* Safari */ 
    display: -webkit-flex;    /* Chrome, WebKit */
    display: box; 
    display: flexbox; 
    display: flex;
	padding: 0 5px;
	border-bottom: 1px solid #ccc;
}
.association {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 35px 27px 42px 27px;
	display: flex;
	align-items: start;
	justify-content: space-between;
	position: relative;
}
.associationAll {
	height: 100%;
}
.associationAll h3 {
	font-size: 18px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: bold;
	text-align: left;
	color: #841200;
	line-height: 20px;
	margin-bottom: 25px;
}
.associationAll ul {
	display: flex;
	width: 100%;
	height: calc(100% - 45px);
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.associationL {
	width: 350px;
}
.associationAll ul li {
	width: 160px;
	height: 116px;
	flex-shrink: 0;
	margin-bottom: 30px;
	line-height: 0;
}
.associationAll ul li img {
	display: inline-block;
}
.associationL ul li {
	cursor: pointer;
}
.associationL ul li span {
	width: 100%;
	height: 30px;
	background: #841200;
	border-radius: 0px 0px 10px 10px;
	display: inline-block;
	position: relative;
	top: -10px;
	line-height: 30px;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	color: #ffffff;
}
.associationR {
	width: calc(100% - 384px);
}
.associationR ul li {
	width: 130px;
	height: 60px;
	background: #f9f1ec;
	border-radius: 10px;
	margin-bottom: 9px;
	text-align: center;
}
.associationR ul li span {
	width: 100%;
	height: 100%;
	padding: 12px;
	box-sizing: border-box;
	line-height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: 600;
	text-align: center;
	color: #841300;
}
.associationT {
	position: absolute;
	top: 35px;
	right: 47px;
	font-size: 18px;
	font-family: Microsoft YaHei, Microsoft YaHei-Bold;
	font-weight: bold;
	text-align: left;
	color: #841200;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 20px;
}
.associationT span {
	display: inline-block;
	margin: 0 10px;
}
.associationT a.associationEnter {
	width: 66px;
	height: 26px;
	background: #851300;
	border-radius: 13px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	cursor: pointer;
	font-family: Microsoft YaHei, Microsoft YaHei-Regular;
	font-weight: bold;
	color: #ffffff;
}
.nav .li-nav .sub-box3 {
	height: 386px;
}
.nav .li-nav .sub-box2{
	width: 205px;
	margin-left: 400px;
}
.swiper-container {
	z-index: 0;
}
.nav .li-nav:hover .sub-box {
	visibility: visible;
}
.dl-box {
	float: left;
	height: 190px;
	flex: 1;
	border-left: 1px solid #ccc;
	margin-top: 15px;
}
.dl-box p {
	line-height: 24px;
	font-size: 14px;
	text-align: left;
}
.border {
	border: none;
}
.nav .li-nav .sub-box dl {
	background: white;
	height:146px;
	margin: 0 4px;
}
.nav .li-nav .sub-box dd {
	font-size:16px;
	color:rgba(203,43,53,1);
	text-align: center;
	line-height: 24px;
    margin-bottom: 14px;
}
.nav .li-nav .sub-box dl dt {
	width: 160px;
	height: 100px;
	border-radius: 5px;
	margin: auto;
}
.nav .li-nav .sub-box dl dt img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.nav .li-nav .sub-box .dl-box>a {
	display: block;
	width:71px;
	height:23px;
	background:#841300;
	color: white;
	text-align: center;
	font-size: 12px;
	line-height: 23px;
	border-radius: 20px;
	margin: 20px auto 0;
}
.main{
	width: 1140px;
	font-size: 16px;
	background: #fff;
	margin: auto;
	position: relative;
	top: -20px;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box; 
}
.group:not(:last-of-type){
	margin-bottom: 30px;
}
.footer {
    background: #222;
    padding: 40px 0 20px;
    margin-top: 50px; 
    height: 210px;
    overflow: hidden;
}
.footer ul li{
	display: inline-block;
	width: 120px;
	font-size: 16px;
}
.footer ul li a{
	display: block;
	color: #666;
}
.footer ul li:not(:last-of-type){
	border-right: 1px solid #666;
}
.footer .logo2{
	width: 308px;
	height: 50px;
	background: url(/imgs/logo2.png) no-repeat;
	background-size: 100% 100%;
	margin: 60px auto 30px;
}
.footer .copyright{
	color: #666;
	font-size: 12px;
}
/*------------brand-nav--↓------------------------*/
.brand-nav{
	background: #eb0000;
    position: fixed;
    width: 100%;
    z-index: 20;
}
.brand-nav .nav{
	width: 1140px;
	height: 60px;
	background: #eb0000;
	margin: 0 auto;
}
.brand-nav .nav .ul-nav .li-nav{
	line-height: 60px;
}
.brand-nav .nav .ul-nav .nav-icon{
	margin-top: 18px;
}
.brand-nav .nav .li-nav a{
	margin-top: 20px;
}
.brand-nav .nav .li-nav .sub-box {
	top: 60px;
}
.brand-nav .nav .li-nav .sub-box2{
	width: 205px;
    margin-left: 330px;
}
/*------------brand-nav--↑------------------------*/